<template>
	<!-- 合格投资者认证 -->
	<view class="qualified_pages">
		<view class="box">
			<view class="row">
				<view class="left">
					姓名
				</view>
				<input type="text" v-model="customName" disabled="false" placeholder="请输入您的姓名" />
			</view>
			
			<view class="row">
				<view class="left">
					证件类型
				</view>
				<input type="text" v-model="idCardType" disabled="disabled" placeholder="证件类型" />
			</view>
			
			<view class="row">
				<view class="left">
					证件号码
				</view>
				<input type="text" v-model="idCardNum" disabled="disabled" placeholder="请输入您的证件号码" />
			</view>
			
			<view class="row">
				<view class="left">
					手机号码
				</view>
				<input type="text" v-model="phoneNum" disabled="disabled" placeholder="请输入您的手机号码" />
			</view>
			
			<view class="row">
				<view class="left">
					证明类型
				</view>
				<input type="text" v-model="proveType" disabled="disabled" placeholder="证件类型" />
			</view>
			
			<view class="row">
				<view class="left">
					证明金额
				</view>
				<input type="number" v-model="proveMoney" disabled="disabled" /><span class="unit">元</span>
			</view>
			<view class="shenhe">
				<ul>
					<li v-for="item in shenHeYiJianList" class="shenhe-box">
						<view class="left-box">
							<view class="shenhe-txt">审核意见：</view>
							<view class="suggestion">{{item.checkMeMo}}</view>
						</view>
						<view class="right-box">
							<view>{{item.checkDate}}</view>
							<view>{{item.checkUser}}</view>
						</view>
					</li>
				</ul>
			</view>
		</view>
	</view>
</template>

<script>
	import global from '../../../../../../components/tool/RenZhengGlobal';
	export default {
		data() {
			return {
				url:global.api.ZHUANYETOUZIZHERENZHENG_EDITE,
				id:'',
				customName:'',
				idCardType:'',
				idCardNum:'',
				phoneNum:'',
				proveType:'',
				proveMoney:'',
				shenHeYiJianList:[]
			}
		},
		onLoad:function(){
			this.id=uni.getStorageSync("customerId");
			console.log(this.id);
			this.getData();
		},
		methods: {
			getData(){
				// 200000284183 金一民的id
				console.log('拿到的用户id'+this.id)
				uni.request({
					method:'get',
					url: this.url,
					header:{
						'content-type': 'application/x-www-form-urlencoded'
					},
					data:{
						cCustNo: this.id
					},
					dataType:'json',
					success: (res)=>{
						console.log(res);
						var result = res.data.data.userInfo;
						console.log(result);
						this.customName = result.userName;
						this.idCardType = result.cardType;  
						this.idCardNum = result.cardNo;
						this.phoneNum = result.mobile;
						this.proveType = result.zhengMingType;   // 证明类型
						this.proveMoney = result.money;
						
						this.shenHeYiJianList = res.data.data.shenHeYiJian;
					},
					fail:(error)=>{
						console.log(error);
					},
					complete:()=>{
						console.log('专业投资者  【查看页面】');
					}
				})
			}
		}
	}
</script>

<style>
	.qualified_pages{
		font-size: 15px;
	}
	page {
		background: rgb(255, 255, 255);
	}


	.box {
		padding: 0 30upx;
	}

	.shiming {
		background: #f5f5f5;
		line-height: 70upx;
		height: 70upx;
		text-indent: 20upx;
		color: rgba(153, 153, 153, 1);
		font-size: 12px;
	}

	.row {
		height: 98upx;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	.row input {
		flex: 3;
	}

	.left {
		font-size: 15px;
		margin-right: 20px;
		flex: 1;
	}

	.questionBox {
		display: flex;
		flex-direction: row;
		justify-content: center;
		width: 100%;
		padding: 40upx 0;
		text-align: center;


	}

	.question {
		width: 100%;
		margin:0 15px;
		height: 70upx;
		background: linear-gradient(-90deg, rgba(196, 156, 90, 1) 0%, rgba(226, 196, 138, 1) 100%);
		border-radius: 35px;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		color: rgb(255, 255, 255);

	}
	.unit{
		padding-right: 10px;
	}
	.icon {
		margin-right: 10upx;
	}

	.radio-box {
		width: 100%;
		text-align: left;
		display: flex;
		flex-direction: row;
		align-items: center;
		height: 100upx;

	}

	.radio {
		display: flex;
		flex-direction: row;
		align-items: center;
		font-weight: 500;
		color: rgba(153, 153, 153, 1);

	}

	.radio image {
		height: 16px;
		width: 16px;
		margin-right: 10upx;

	}
	.txt{
		padding-top: 10px;
	}
	.shenhe>ul{
		list-style: none;
		padding-left: 0;
		width: 100%;
		margin-top: 10px;
	}
	.shenhe .shenhe-box{
		display: flex;
		/* justify-content: space-between; */
	}
	.shenhe-box .left-box{
		flex: 7;
	}
	.left-box .suggestion{
		max-width: 180px;
		display: inline-block;
	}
	.shenhe-box .right-box{
		flex: 5;
		text-align: right;
	}
	.shenhe-box .left-box .shenhe-txt{
		display: inline-block;
		line-height: 40px;
	}
	.shenhe-box .right-box view{
		display: inline-block;
		line-height: 40px;
		
	}
</style>
